<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>happy new year</title>
</head>

<body>
    <!-- 
        alt 图片不在 显示文字  title 文字提示  width height  border外加框线 
         align默认问left 这里属性是环绕方式 没有center属性 v-align 垂直环绕效果 
        hspace：用于设置图片与文本左右的距离
        vspace：用于设置图片与文本上下的距离
    -->
    <img src="../3/./images/1.jpg" alt="无资源" width="300" height="300" border="5" title="scenery" align="right"><br>

    <p>v-align=bottom</p>
    <p>v-align=top</p>
    <p>v-align=middle</p>
    <img src="../3/./images/1.jpg" alt="无资源" width="300" height="300" border="5" title="scenery" v-align="bottom"
         vspace="10" hspace="50">

    <!-- 连接标签html文本和图片 如果用DW做连接标签的话可以用矩形和圆型 mailto邮箱
        锚点 可以用 name  and id   锚点href别忘#XX
        #叫做空链接 默认返回顶部
       target  _blank   设置target属性值为“_blank”，可以在一个新的窗口中打开链接。
               _self    设置target属性值为“_self”，会在相同的框架或者窗口中打开链接。 当前窗口
               _parent  设置target属性值为“_parent”，会在父窗口或者包含来超链接引用的框架的框架集中打开链接。我们可以看到原来的frameset也被新打开的链接覆盖了。  当前窗口
               _top     设置target属性值为“_top”，会清除所有被包含的框架，并打开链接。  当前窗口
    -->
    <a href="3.html" target="right">framesetTest</a>
    <a href="https:/www.baidu.com" target="_blank">happy new year _blank</a>
    <a href="https:/www.baidu.com" target="_self">happy new year _self</a>
    <a href="https:/www.baidu.com" target="_parent">happy new year _parent</a>
    <a href="https:/www.baidu.com" target="_top">happy new year _top</a>
    <a href="mailto:zeda@qq.com">泽大</a>
    <a href="xxx.txt">txt默认打开在线</a>
    <p><a href="#zd">直达底部</a></p>
    <p><a id="top">巴卡巴卡</a></p>
    <table border="1" width="300px" cellpadding="10" height="150px" cellspacing="0">
        <caption>表名</caption>
        <tr>
            <th>th</th>
            <th>th</th>
        </tr>
        <tr>
            <td>td</td>
            <td>td</td>
        </tr>
        <!-- valign="bottom" 取值 top middle垂直方向的对齐方式 -->
        <tr height="70" bgcolor="blue" valign="bottom">
            <td>td</td>
            <td>td</td>
        </tr>
    </table>
    <br>
    <!-- colspan 跨列  rowspan 行 border  cellpadding 内容与边框距离   cellspacing外框的粗细大小 -->
    <table border="1" width="300">
        <tr height="100" align="center">
            <td colspan="2">A</td>
            <td rowspan="2">B</td>
        </tr>
        <tr height="100" align="center">
            <td rowspan="2">A</td>
            <td>B</td>
        </tr>
        <tr height="100" align="center">

            <td colspan="2">c</td>
        </tr>
    </table>

    <table width="300" border="1" cellpadding="10" cellspacing="0">
        <caption>表名</caption>
        <tr height="100" align="center">
            <td colspan="2">A</td>
            <td rowspan="2">B</td>
        </tr>
        <tr height="100" align="center">
            <td rowspan="2"></td>
            <td></td>
        </tr>
        <tr height="100" align="center">
            <td colspan="2"></td>

        </tr>
    </table>
    <p>
        大江东去，浪淘尽，千古风流人物。
        故垒西边，人道是，三国周郎赤壁。
        乱石穿空，惊涛拍岸，卷起千堆雪。
        江山如画，一时多少豪杰。
        遥想公瑾当年，小乔初嫁了，雄姿英发。
        羽扇纶巾，谈笑间，樯橹灰飞烟灭。
        故国神游，多情应笑我，早生华发。
        人生如梦，一樽还酹江月。
    </p>
    <p>
        大江东去，浪淘尽，千古风流人物。
        故垒西边，人道是，三国周郎赤壁。
        乱石穿空，惊涛拍岸，卷起千堆雪。
        江山如画，一时多少豪杰。
        遥想公瑾当年，小乔初嫁了，雄姿英发。
        羽扇纶巾，谈笑间，樯橹灰飞烟灭。
        故国神游，多情应笑我，早生华发。
        人生如梦，一樽还酹江月。
    </p>
    <hr />
    用换行标签进行换行，没有段前段后间距。当文字较多时，也会自动换行。<br />
    念奴娇。赤壁怀古<br />
    作者：苏轼<br />

    大江东去，浪淘尽，千古风流人物。
    故垒西边，人道是，三国周郎赤壁。
    乱石穿空，惊涛拍岸，卷起千堆雪。
    江山如画，一时多少豪杰。<br />
    遥想公瑾当年，小乔初嫁了，雄姿英发。
    羽扇纶巾，谈笑间，樯橹灰飞烟灭。
    故国神游，多情应笑我，早生华发。
    人生如梦，一樽还酹江月。<br />
    <hr />
    用换行标签进行换行，没有段前段后间距。当文字较多时，也会自动换行。<br />
    念奴娇。赤壁怀古<br />
    作者：苏轼<br />

    大江东去，浪淘尽，千古风流人物。
    故垒西边，人道是，三国周郎赤壁。
    乱石穿空，惊涛拍岸，卷起千堆雪。
    江山如画，一时多少豪杰。<br />
    遥想公瑾当年，小乔初嫁了，雄姿英发。
    羽扇纶巾，谈笑间，樯橹灰飞烟灭。
    故国神游，多情应笑我，早生华发。
    人生如梦，一樽还酹江月。<br />
    <hr />
    用换行标签进行换行，没有段前段后间距。当文字较多时，也会自动换行。<br />
    念奴娇。赤壁怀古<br />
    作者：苏轼<br />

    大江东去，浪淘尽，千古风流人物。
    故垒西边，人道是，三国周郎赤壁。
    乱石穿空，惊涛拍岸，卷起千堆雪。
    江山如画，一时多少豪杰。<br />
    遥想公瑾当年，小乔初嫁了，雄姿英发。
    羽扇纶巾，谈笑间，樯橹灰飞烟灭。
    故国神游，多情应笑我，早生华发。
    人生如梦，一樽还酹江月。<br />
    <p><a name="zd">来哦来</a></p>
    <p><a href="#top">马卡马卡</a></p>

    <table width="300" border="1" cellspacing="1" cellpadding="10">
        <caption>lesson</caption>
        <tr></tr>
        <tr></tr>
        <tr></tr>
    </table>

</body>


</html>
<!-- 
    HTML 超文本标记语言
    XHTML 可扩展的超文本标记语言
    XML 可扩展的标记语言
    HTML5 超文本标记语言5version
 -->